﻿<%@ Page Title="" Language="C#" MasterPageFile="~/FrontEnd/MainPage.Master" AutoEventWireup="true" CodeBehind="ShoppingCart.aspx.cs" Inherits="ThemeCupid.FrontEnd.ShoppingCart" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="mainContainer" class="clearfix">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>
                                    <h5>Image</h5>
                                </th>
                                <th class="desc">
                                    <h5>Descraption</h5>
                                </th>
                                <th>
                                    <h5>Quantity</h5>
                                </th>
                                <th>
                                    <h5>Unit Price</h5>
                                </th>
                                <th>
                                    <h5>Sub Price</h5>
                                </th>
                                <th>
                                    <h5>Action</h5>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <asp:DataList  OnItemDataBound="datalist_ItemDataBound" OnItemCommand="item_commandUpdate" runat="server" ID="CartList" RepeatLayout="Flow" RepeatColumns="1">

                                <ItemTemplate>
                                    <asp:HiddenField runat="server" ID="serializeId" />

                                    <tr>
                                        <td>
                                            <a href="#">
                                                <img src='<%#Eval("Product.ThumbImg") %>' width="92" height="92" alt=""></a>
                                        </td>
                                        <td class="desc">
                                            <h4><a href="#" class="invarseColor"><%#Eval("Product.ProductName") %>
                                            </a></h4>
                                        </td>
                                        <td class="quantity">
                                            <div class="input-prepend input-append">
                                                <button class="btn"><i class="icon-chevron-left"></i></button>
                                                <input runat="server" id="qualityId" type="text" name="" value='<%#Eval("Quantity") %>'>
                                                <button class="btn"><i class="icon-chevron-right"></i></button>
                                            </div>
                                        </td>
                                        <td class="sub-price">
                                            <h2><%#Eval("Product.Price") %></h2>
                                        </td>
                                        <td class="total-price">
                                            <h2><%#Eval("TotalPrice") %></h2>
                                        </td>
                                        <td>
                                            <%--<button runat="server"  data='<%#Eval("ProductId") %>' OnServerClick="UpdateBtn_Click" id="UpdateBtn" class="btn btn-small" data-title="Refresh" data-placement="top" rel="tooltip"><i class="icon-refresh"></i></button>--%>
                                            <%--  <button class="btn btn-small btn-success" data-title="Edit" data-placement="top" rel="tooltip"><i class="icon-pencil"></i></button>--%>
                                        
                                            <asp:Button runat="server" CommandArgument='<%#Eval("ProductId") %>' CommandName="updateCart" OnClick="UpdateBtn_Click" class="btn btn-small" Text="Update"/>
                                            <button id="Button1" runat="server" class="btn btn-small btn-danger" data-title="Remove" data-placement="top" rel="tooltip"><i class="icon-trash"></i></button>
                                        </td>
                                    </tr>

                                </ItemTemplate>
                            </asp:DataList>
                        </tbody>
                    </table>
                </div>
                <!--end span12-->


                <div class="span7">
                    <div class="cart-accordain" id="cart-acc">

                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#estimate">
                                    <i class="icon-caret-right"></i>Estimate Shipping &amp; Taxes
                                </a>
                            </div>
                            <div id="estimate" class="accordion-body collapse in">
                                <div class="accordion-inner">
                                    <form class="form-horizontal">
                                        <div class="control-group">
                                            <div class="control-label" for="inputEmail">
                                                <strong>Your Country</strong>
                                            </div>
                                            <div class="controls">
                                                <select name="">
                                                    <option value="">-- Select Country --</option>
                                                    <option value="">Country1</option>
                                                    <option value="">Country2</option>
                                                    <option value="">Country3</option>
                                                    <option value="">Country4</option>
                                                    <option value="">Country5</option>
                                                    <option value="">Country6</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                        <div class="control-group">
                                            <div class="control-label">
                                                <strong>Your Region</strong>
                                            </div>
                                            <div class="controls">
                                                <select name="">
                                                    <option value="">-- Select Region --</option>
                                                    <option value="">region1</option>
                                                    <option value="">region2</option>
                                                    <option value="">region3</option>
                                                    <option value="">region4</option>
                                                    <option value="">region5</option>
                                                    <option value="">region6</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                        <div class="control-group">
                                            <label class="control-label" for="inputpostCode">
                                                <strong>Your Post Code</strong>
                                            </label>
                                            <div class="controls">
                                                <input type="text" id="inputpostCode" placeholder="Post Code...">
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                        <div class="control-group">
                                            <div class="controls">
                                                <button type="submit" class="btn btn-primary">Get Quotes</button>
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--end accordion-group-->

                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#discount-code">
                                    <i class="icon-caret-right"></i>Apply Discount Code
                                </a>
                            </div>
                            <div id="discount-code" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <form class="form-horizontal">
                                        <div class="control-group">
                                            <label class="control-label" for="inputDiscount">
                                                <strong>Discount Code</strong>
                                            </label>
                                            <div class="controls">
                                                <input type="text" id="inputDiscount" placeholder="Inter Discount Code...">
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                        <div class="control-group">
                                            <div class="controls">
                                                <button type="submit" class="btn btn-primary">Apply Coupon</button>
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--end accordion-group-->

                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#cart-acc" href="#gift-voucher">
                                    <i class="icon-caret-right"></i>Use Gift Voucher
                                </a>
                            </div>
                            <div id="gift-voucher" class="accordion-body collapse">
                                <div class="accordion-inner">
                                    <form class="form-horizontal">
                                        <div class="control-group">
                                            <label class="control-label" for="inputVoucher">
                                                <strong>Voucher Code</strong>
                                            </label>
                                            <div class="controls">
                                                <input type="text" id="inputVoucher" placeholder="Inter Voucher Code...">
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                        <div class="control-group">
                                            <div class="controls">
                                                <button type="submit" class="btn btn-primary">Apply Voucher </button>
                                            </div>
                                        </div>
                                        <!--end control-group-->
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--end accordion-group-->

                    </div>
                    <!--end cart-accordain-->
                </div>
                <!--end span7-->


                <div class="span5">
                    <div class="cart-receipt">
                        <table class="table table-receipt">

                            <tr>
                                <td class="alignRight">
                                    <h2>Total</h2>
                                </td>
                                <td class="alignLeft">
                                    <h2 runat="server" ID="totalPrice"></h2>
                                    <asp:Label runat="server" ID="lblTotal"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td class="alignRight">
                                    <button class="btn">Contuine Shoping</button></td>
                                <td class="alignLeft">
                                    <button class="btn btn-primary">Checkout</button></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!--end span5-->


            </div>
            <!--end row-->

        </div>
        <!--end conatiner-->

    </div>
    <!--end mainContainer-->


    <!-- Sidebar Widget
	================================================== -->
    <div class="switcher">
        <h3>Site Switcher</h3>
        <a class="Widget-toggle-link">+</a>

        <div class="switcher-content clearfix">
            <div class="layout-switch">
                <h4>Layout Style</h4>
                <div class="btn-group">
                    <a id="wide-style" class="btn">Wide</a>
                    <a id="boxed-style" class="btn">Boxed</a>
                </div>
            </div>
            <!--end layout-switch-->

            <div class="color-switch clearfix">
                <h4>Color Style</h4>
                <a id="orange-color" class="color-switch-link">orange</a>
                <a id="blue-color" class="color-switch-link">blue</a>
                <a id="green-color" class="color-switch-link">green</a>
                <a id="brown-color" class="color-switch-link">brown</a>
                <a id="red-color" class="color-switch-link">red</a>
            </div>
            <!--end color-switch-->

            <div class="pattern-switch">
                <h4>BG Pattern</h4>
                <a style="background: url(img/backgrounds/retina_wood.png);">retina_wood</a>
                <a style="background: url(img/backgrounds/bgnoise_lg.png);">bgnoise_lg</a>
                <a style="background: url(img/backgrounds/purty_wood.png);">purty_wood</a>
                <a style="background: url(img/backgrounds/irongrip.png);">irongrip</a>
                <a style="background: url(img/backgrounds/low_contrast_linen.png);">low_contrast_linen</a>
                <a style="background: url(img/backgrounds/tex2res5.png);">tex2res5</a>
                <a style="background: url(img/backgrounds/wood_pattern.png);">wood_pattern</a>
            </div>
            <!--end pattern-switch-->

        </div>
        <!--end switcher-content-->
    </div>
    <!-- End Sidebar Widget-->
</asp:Content>
